body {
	background-color: #FFF;
	color: #000
}

.letter {
	border: 3px solid #000;
	background-color: #FFF;
	color: #000
}

.letter.disabled {
	border: 3px solid #CCC;
	background-color: #FFF;
	color: #CCC
}

.letter.toomany {
	border: 3px solid #A00;
	background-color: #FFF;
	color: #A00
}

.letter.misplaced {
	border: 3px solid #AA0;
	background-color: #AA0;
	color: #FFF
}

.letter.correct {
	border: 3px solid #060;
	background-color: #060;
	color: #FFF
}

button {
	border: 3px solid #000;
	background-color: #FFF;
	color: #000
}

button:hover {
	border: 3px solid #000;
	background-color: #CCC;
	color: #000
}

button:active {
	border: 3px solid #000;
	background-color: #AAA;
	color: #000
}

button.toomany {
	border: 3px solid #A00;
	background-color: #A00;
	color: #FFF
}

button.toomany:hover {
	border: 3px solid #800;
	background-color: #800;
	color: #FFF
}

button.toomany:active {
	border: 3px solid #600;
	background-color: #600;
	color: #FFF
}

button.misplaced {
	border: 3px solid #AA0;
	background-color: #AA0;
	color: #FFF
}

button.misplaced:hover {
	border: 3px solid #880;
	background-color: #880;
	color: #FFF
}

button.misplaced:active {
	border: 3px solid #660;
	background-color: #660;
	color: #FFF
}

button.correct {
	border: 3px solid #060;
	background-color: #060;
	color: #FFF
}

button.correct:hover {
	border: 3px solid #050;
	background-color: #050;
	color: #FFF
}

button.correct:active {
	border: 3px solid #040;
	background-color: #040;
	color: #FFF
}

button:disabled {
	border: 3px solid #CCC !important;
	background-color: #FFF !important;
	color: #CCC !important
}